  .sidebar {
      position: fixed;
      width: 200px;
      top: 50px;
      bottom: 0;
      background-color: #393D49;
  }
  
  .placeholder img {
      display: inline-block;
      border-radius: 50%;
  }
  
  #userDetailAvatar img {
      height: 50px;
      width: 50px;
      display: inline-block;
      border-radius: 50%;
  }
  
  .pagination {
      float: right;
  }
  
  #clearUserBackLogin {
      cursor: pointer;
  }
  
  .placeholder {
      text-align: center;
      margin-top: 90px;
  }
  
  #userListPage {
      float: left;
      position: relative;
      top: 0px;
      left: -20px;
  }
  
  .pagination li {
      cursor: pointer;
  }
  
  ul#userListPage li {
      display: block;
      height: 34px;
      width: 34px;
      line-height: 34px;
      text-align: center;
      border: 1px solid #ccc;
      float: left;
  }
  
  ul#userListPage li.on {
      background: #393D49;
      color: aliceblue;
  }
  
  ul#userListPage li:hover {
      background-color: #ccc;
  }
  
  .thead-color {
      background-color: darkblue;
      color: #fff;
  }
  
  img.img-responsive {
      width: 200px;
      height: 200px;
  }
  
  .m-20 {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  .form-horizontal {
      position: relative;
  }
  
  .upload-img-wrapper {
      position: absolute;
      width: 150px;
      height: 200px;
      border: 1px solid #ccc;
      background: olivedrab;
      right: 50px;
      top: 10px;
      font-size: 80px;
      line-height: 200px;
      text-align: center;
      font-weight: bold;
  }
  
  .upload-img-wrapper>img,
  .upload-img-wrapper>input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
  }
  
  .upload-img-wrapper>input {
      z-index: 2;
      opacity: 0;
  }